{include file='header.tpl'}

<h1 class="page-header">Mensagens de Contatos</h1>

<div class="table-responsive">
    <table class="table table-hover table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>Data</th>
                <th>Nome</th>
                <th>Telefone</th>
                <th>E-mail</th>
                <th>Lido</th>
            </tr>
        </thead>
        <tbody>
            {foreach from=$mensagens item=mensagem}
                <tr {if $mensagem.lido eq 'Não'} class="danger" {/if}>
                    <td>{$mensagem.id_contatos}</td>
                    <td><a href="javascript:;" onclick="CriaPopup('ler_mensagem.php?id_contato={$mensagem.id_contatos}', 500, 1, true);" class="btn btn-primary {if $mensagem.lido eq 'Não'}btn-danger{/if}">{$mensagem.data}</a></td>
                    <td>{$mensagem.nome}</td>
                    <td>{$mensagem.telefone}</td>
                    <td>{$mensagem.email}</td>
                    <td>{$mensagem.lido}</td>
                </tr>
            {/foreach}
        </tbody>
        <tfoot>
            <tr>
                <th>#</th>
                <th>Data</th>
                <th>Nome</th>
                <th>Telefone</th>
                <th>E-mail</th>
                <th>Lido</th>
            </tr>
        </tfoot>
    </table>
</div>   
{literal}
    <script type="text/javascript">
        $(document).ready(function() {
            $(".accordion").accordion("option", "active", -1);
        });
    </script>
{/literal}
{include file='footer.tpl'}